<!doctype html>
<html lang="en">

<head>
    <title>Holidays</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="icon" href="images/favicon.png" type="image/x-icon">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i%7CMerriweather:300,300i,400,400i,700,700i,900,900i" rel="stylesheet">

    <!-- Bootstrap Stylesheet -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Font Awesome Stylesheet -->
    <link rel="stylesheet" href="css/font-awesome.min.css">

    <!-- Custom Stylesheets -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" id="cpswitch" href="css/orange.css">
    <link rel="stylesheet" href="css/responsive.css">

    <!-- Owl Carousel Stylesheet -->
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.css">
</head>


<body>

    <!--====== LOADER =====-->
    <div class="loader"></div>


    <!--======== SEARCH-OVERLAY =========-->
    <div class="overlay">
        <a href="javascript:void(0)" id="close-button" class="closebtn">&times;</a>
        <div class="overlay-content">
            <div class="form-center">
                <form>
                    <div class="form-group">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search..." required />
                            <span class="input-group-btn"><button type="submit" class="btn"><span><i class="fa fa-search"></i></span></button>
                            </span>
                        </div>
                        <!-- end input-group -->
                    </div>
                    <!-- end form-group -->
                </form>
            </div>
            <!-- end form-center -->
        </div>
        <!-- end overlay-content -->
    </div>
    <!-- end overlay -->


    <!--============= TOP-BAR ===========-->
    <div id="top-bar" class="tb-text-white">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div id="info">
                        <ul class="list-unstyled list-inline">
                            <li><span><i class="fa fa-map-marker"></i></span>Passerellesnumériques Viet Nam</li>
                            <li><span><i class="fa fa-phone"></i></span>+03 964 988 91</li>
                        </ul>
                    </div>
                    <!-- end info -->
                </div>
                <!-- end columns -->

                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div id="links">
                        <ul class="list-unstyled list-inline">
                            <li><a href="login.html" id="thanh1"><span><i class="fa fa-lock"></i></span>Login</a></li>
                            <li><a href="registration.html" id="thanh2"><span><i class="fa fa-plus"></i></span>Sign up</a></li>
                            <li><a id="thanh3" onclick="logout()"><span><i class="fa fa-sign-out"></i></span>Logout</a></li>
                            <li><a href="registration.html" id="thanh4"><span><i class="fa fa-shopping-cart"></i></span>Cart</a></li>
                            <li>
                                <form>
                                    <ul class="list-inline">
                                        <li>
                                            <div class="form-group currency">
                                                <span><i class="fa fa-angle-down"></i></span>
                                                <select class="form-control">
                                                     <option value="">$</option>
                                                     <option value="">đ</option>
                                                     <option value="">£</option>
                                                 </select>
                                            </div>
                                            <!-- end form-group -->
                                        </li>

                                        <li>
                                            <div class="form-group language">
                                                <span><i class="fa fa-angle-down"></i></span>
                                                <select class="form-control">
                                                     <option value="">EN</option>
                                                     <option value="">VI</option>
                                                     <option value="">FR</option>
                                                 </select>
                                            </div>
                                            <!-- end form-group -->
                                        </li>
                                        <li>
                                            <a id="ten"><span><i class="fa fa-circle blackiconcolor"></i></span><script>
                                                ham()
                                            </script></a>
                                        </li>
                                    </ul>
                                </form>
                            </li>
                        </ul>
                    </div>
                    <!-- end links -->
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </div>
    <!-- end top-bar -->

    <nav class="navbar navbar-default main-navbar navbar-custom navbar-white" id="mynavbar-1">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" id="menu-button">
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>                        
                 </button>
                <div class="header-search hidden-lg">
                    <a href="javascript:void(0)" class="search-button"><span><i class="fa fa-search"></i></span></a>
                </div>
                <a href="index.html" class="navbar-brand"><span><i class="fa fa-plane"></i>START</span>TRAVELS</a>
            </div>
            <!-- end navbar-header -->

            <div class="collapse navbar-collapse" id="myNavbar1">
                <ul class="nav navbar-nav navbar-right navbar-search-link">
                    <li class="dropdown active"><a href="#" class="dropdown-toggle" data-toggle="dropdown">HOME<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu">
                            <li class="active"><a href="index.html">Main Homepage</a></li>
                            <li><a href="cruise-homepage.html">Tour Homepage</a></li>
                            <li><a href="cruise-homepage.html">Cruise Homepage</a></li>
                            <li><a href="cruise-homepage.html">Harzadous Sports Tour Homepage</a></li>
                            <li><a href="blog-listing-right-sidebar.html">Blog Homepage</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Account<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu">
                            <li><a onclick="logout()">Login Homepage</a></li>
                            <li><a href="registration.html">Registration Homepage</a></li>
                            <li><a href="forgot-password.html">Forgot Password Homepage</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Blogs<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="blog-listing-right-sidebar.html">Blog Homepage</a></li>
                            <li><a href="about-us.html">About Us</a></li>
                            <li><a href="contact-us.html">Contact Us</a></li>
                            <li><a href="coming-soon.html">Coming Soon</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Tours<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="cruise-homepage.html">Tour Homepage</a></li>
                            <li><a href="before-you-fly.html">Before You Fly</a></li>
                            <li><a href="travel-insurance.html">Travel insurance</a></li>
                            <li><a href="holidays.html">Holidays</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Cruise<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="cruise-homepage.html">Cruise Homepage</a></li>
                            <li><a href="before-you-fly.html">Before You Fly</a></li>
                            <li><a href="travel-insurance.html">Travel insurance</a></li>
                            <li><a href="holidays.html">Holidays</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu mega-dropdown-menu row">
                            <li>
                                <div class="row">
                                    <div class="col-md-3">
                                        <ul class="list-unstyled">
                                            <li class="dropdown-header">Standard <span>Pages</span></li>
                                            <li><a href="about-us.html">About Us</a></li>
                                            <li><a href="contact-us.html">Contact Us</a></li>
                                            <li><a href="blog-listing-right-sidebar.html">Blog Listing Right Sidebar</a></li>
                                            <li><a href="blog-detail-right-sidebar.html">Blog Detail Right Sidebar</a></li>
                                        </ul>
                                    </div>

                                    <div class="col-md-3">
                                        <ul class="list-unstyled">
                                            <li class="error-page.html">User <span>Dashboard</span></li>
                                            <li><a href="error-page.html">Dashboard</a></li>
                                            <li><a href="error-page.html">User Profile</a></li>
                                            <li><a href="error-page.html">Booking</a></li>
                                            <li><a href="error-page.html">Wishlist</a></li>
                                            <li><a href="error-page.html">Cards</a></li>
                                        </ul>
                                    </div>

                                    <div class="col-md-3">
                                        <ul class="list-unstyled">
                                            <li class="dropdown-header">Special <span>Pages</span></li>
                                            <li><a onclick="logout()">Login</a></li>
                                            <li><a href="registration.html">Registration</a></li>
                                            <li><a href="forgot-password.html">Forgot Password</a></li>
                                            <li><a href="error-page.html">404 Page</a></li>
                                            <li><a href="coming-soon.html">Coming Soon</a></li>
                                        </ul>
                                    </div>

                                    <div class="col-md-3">
                                        <ul class="list-unstyled">
                                            <li class="dropdown-header">Extra <span>Pages</span></li>
                                            <li><a href="before-you-fly.html">Before Fly</a></li>
                                            <li><a href="travel-insurance.html">Travel Insurance</a></li>
                                            <li><a href="holidays.html">Holidays</a></li>
                                            <li><a href="thank-you.html">Thank You</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0)" class="search-button"><span><i class="fa fa-search"></i></span></a></li>
                </ul>
            </div>
            <!-- end navbar collapse -->
        </div>
        <!-- end container -->
    </nav>
    <!-- end navbar -->

    <div class="sidenav-content">
        <div id="mySidenav" class="sidenav">
            <h2 id="web-name"><span><i class="fa fa-plane"></i></span>Star Travel</h2>

            <div id="main-menu">
                <div class="closebtn">
                    <button class="btn btn-default" id="closebtn">&times;</button>
                </div>
                <!-- end close-btn -->

                <div class="list-group panel">

                    <a href="#home-links" class="list-group-item active" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-home link-icon"></i></span>Home<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="home-links">
                        <a href="index.html" class="list-group-item active">Main Homepage</a>
                        <a href="cruise-homepage.html" class="list-group-item">Tour Homepage</a>
                        <a href="cruise-homepage.html" class="list-group-item">Cruise Homepage</a>
                        <a href="cruise-homepage.html" class="list-group-item">Harzadous Sports Tour Homepage</a>
                        <a href="blog-listing-right-sidebar.html" class="list-group-item">Blog Homepage</a>
                    </div>
                    <!-- end sub-menu -->
                    <a href="#hotels-links" class="list-group-item" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-building link-icon"></i></span>Account<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="hotels-links">
                        <a onclick="logout()" class="list-group-item">Login Homepage</a>
                        <a href="registration.html" class="list-group-item">Registration Homepage</a>
                        <a href="forgot-password.html" class="list-group-item">Forgot Password Homepage</a>
                    </div>
                    <!-- end sub-menu -->

                    <a href="#tours-links" class="list-group-item" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-globe link-icon"></i></span>Blogs<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="tours-links">
                        <a href="blog-listing-right-sidebar.html" class="list-group-item">Blog Homepage</a>
                        <a href="about-us.html" class="list-group-item">About Us</a>
                        <a href="contact-us.html" class="list-group-item">Contact Us</a>
                        <a href="coming-soon.html" class="list-group-item">Comingsoon</a>
                    </div>
                    <!-- end sub-menu -->

                    <a href="#cruise-links" class="list-group-item" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-ship link-icon"></i></span>Tours<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="cruise-links">
                        <a href="cruise-homepage.html" class="list-group-item">Tour Homepage</a>
                        <a href="before-you-fly.html" class="list-group-item">Before You Fly</a>
                        <a href="travel-insurance.html" class="list-group-item">Travel insurance</a>
                        <a href="holidays.html" class="list-group-item">Holidays</a>
                    </div>
                    <!-- end sub-menu -->

                    <a href="#cars-links" class="list-group-item" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-car link-icon"></i></span>Cruise<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="cars-links">
                        <a href="cruise-homepage.html" class="list-group-item">Cruise Homepage</a>
                        <a href="before-you-fly.html" class="list-group-item">Before You Fly</a>
                        <a href="travel-insurance.html" class="list-group-item">Travel insurance</a>
                        <a href="holidays.html" class="list-group-item">Holidays</a>
                    </div>
                    <!-- end sub-menu -->

                    <a href="#pages-links" class="list-group-item" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-clone link-icon"></i></span>Pages<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="pages-links">
                        <div class="list-group-heading list-group-item">Standard <span>Pages</span></div>
                        <a href="about-us.html" class="list-group-item">About Us</a>
                        <a href="contact-us.html" class="list-group-item">Contact Us</a>
                        <a href="blog-listing-right-sidebar.html" class="list-group-item">Blog Listing Right Sidebar</a>
                        <a href="blog-detail-right-sidebar.html" class="list-group-item">Blog Detail Right Sidebar</a>
                        <div class="list-group-heading list-group-item">User <span>Dashboard</span></div>
                        <a href="error-page.html" class="list-group-item">Dashboard</a>
                        <a href="error-page.html" class="list-group-item">User Profile</a>
                        <a href="error-page.html" class="list-group-item">Booking</a>
                        <a href="error-page.html" class="list-group-item">Wishlist</a>
                        <a href="error-page.html" class="list-group-item">Cards</a>

                        <div class="list-group-heading list-group-item">Special <span>Pages</span></div>
                        <a onclick="logout()" class="list-group-item">Login</a>
                        <a href="registration.html" class="list-group-item">Registration</a>
                        <a href="forgot-password.html" class="list-group-item">Forgot Password</a>
                        <a href="error-page.html" class="list-group-item">404 Page</a>
                        <a href="coming-soon.html" class="list-group-item">Coming Soon</a>
                        <div class="list-group-heading list-group-item">Extra <span>Pages</span></div>
                        <a href="before-you-fly.html" class="list-group-item">Before Fly</a>
                        <a href="travel-insurance.html" class="list-group-item">Travel Insurance</a>
                        <a href="holidays.html" class="list-group-item">Holidays</a>
                        <a href="thank-you.html" class="list-group-item">Thank You</a>
                    </div>
                    <!-- end sub-menu -->
                </div>
                <!-- end list-group -->
            </div>
            <!-- end main-menu -->
        </div>
        <!-- end mySidenav -->
    </div>
    <!-- end sidenav-content -->

    <!--================= PAGE-COVER =================-->
    <section class="page-cover" id="cover-holiday">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <h1 class="page-title">Beautiful Holiday Trips</h1>
                    <ul class="breadcrumb">
                        <li><a href="index.html">Home</a></li>
                        <li class="active">Beautiful Holiday Trips</li>
                    </ul>
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end page-cover -->


    <!--===== INNERPAGE-WRAPPER ====-->
    <section class="innerpage-wrapper">
        <div id="holiday-trips" class="innerpage-section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                        <div class="trip-block mg-bot-60">
                            <div class="page-heading trip-heading">
                                <h2><span><i class="fa fa-map-marker"></i></span>Viet Nam Trip</h2>
                                <p>330 Holiday Places</p>
                            </div>
                            <!-- end page-heading -->

                            <div class="owl-carousel owl-theme owl-custom-arrow owl-holidays">

                                <div class="item">
                                    <div class="main-block hotel-block">
                                        <div class="main-img">
                                            <a href="#">
                                                <img src="images/sapa.jpg" class="img-responsive" alt="hotel-img" />
                                            </a>
                                            <div class="main-mask">
                                                <ul class="list-unstyled list-inline offer-price-1">
                                                    <li class="price">$568.00<span class="divider">|</span><span class="pkg">Avg/Week</span></li>
                                                    <li class="rating">
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star lightgrey"></i></span>
                                                    </li>
                                                </ul>
                                            </div>
                                            <!-- end main-mask -->
                                        </div>
                                        <!-- end offer-img -->

                                        <div class="main-info hotel-info">
                                            <div class="arrow">
                                                <a href="#"><span><i class="fa fa-angle-right"></i></span></a>
                                            </div>
                                            <!-- end arrow -->

                                            <div class="main-title hotel-title">
                                                <a href="#">Sapa Tour</a>
                                                <p>From: Lao Cai, Viet Nam</p>
                                            </div>
                                            <!-- end hotel-title -->
                                        </div>
                                        <!-- end hotel-info -->
                                    </div>
                                    <!-- end hotel-block -->
                                </div>
                                <!-- end item -->

                                <div class="item">
                                    <div class="main-block hotel-block">
                                        <div class="main-img">
                                            <a href="#">
                                                <img src="images/du-lich-phu-quoc-17.jpg" class="img-responsive" alt="hotel-img" />
                                            </a>
                                            <div class="main-mask">
                                                <ul class="list-unstyled list-inline offer-price-1">
                                                    <li class="price">$568.00<span class="divider">|</span><span class="pkg">Avg/Week</span></li>
                                                    <li class="rating">
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star lightgrey"></i></span>
                                                    </li>
                                                </ul>
                                            </div>
                                            <!-- end main-mask -->
                                        </div>
                                        <!-- end offer-img -->

                                        <div class="main-info hotel-info">
                                            <div class="arrow">
                                                <a href="#"><span><i class="fa fa-angle-right"></i></span></a>
                                            </div>
                                            <!-- end arrow -->

                                            <div class="main-title hotel-title">
                                                <a href="#">Phu Quoc island Tour</a>
                                                <p>From: Kien Giang, Viet Nam</p>
                                            </div>
                                            <!-- end hotel-title -->
                                        </div>
                                        <!-- end hotel-info -->
                                    </div>
                                    <!-- end hotel-block -->
                                </div>
                                <!-- end item -->

                                <div class="item">
                                    <div class="main-block hotel-block">
                                        <div class="main-img">
                                            <a href="#">
                                                <img src="images/DSCF7483-8260-1593164119.jpg" class="img-responsive" alt="hotel-img" />
                                            </a>
                                            <div class="main-mask">
                                                <ul class="list-unstyled list-inline offer-price-1">
                                                    <li class="price">$568.00<span class="divider">|</span><span class="pkg">Avg/Day</span></li>
                                                    <li class="rating">
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star lightgrey"></i></span>
                                                    </li>
                                                </ul>
                                            </div>
                                            <!-- end main-mask -->
                                        </div>
                                        <!-- end offer-img -->

                                        <div class="main-info hotel-info">
                                            <div class="arrow">
                                                <a href="#"><span><i class="fa fa-angle-right"></i></span></a>
                                            </div>
                                            <!-- end arrow -->

                                            <div class="main-title hotel-title">
                                                <a href="#">Qui Nhon Tour</a>
                                                <p>From: Binh Dinh, viet Nam</p>
                                            </div>
                                            <!-- end hotel-title -->
                                        </div>
                                        <!-- end hotel-info -->
                                    </div>
                                    <!-- end hotel-block -->
                                </div>
                                <!-- end item -->

                                <div class="item">
                                    <div class="main-block hotel-block">
                                        <div class="main-img">
                                            <a href="#">
                                                <img src="images/Vuon Thuong Uyen Bay Da Lat.jpg" class="img-responsive" alt="hotel-img" />
                                            </a>
                                            <div class="main-mask">
                                                <ul class="list-unstyled list-inline offer-price-1">
                                                    <li class="price">$568.00<span class="divider">|</span><span class="pkg">Avg/Night</span></li>
                                                    <li class="rating">
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star orange"></i></span>
                                                        <span><i class="fa fa-star lightgrey"></i></span>
                                                    </li>
                                                </ul>
                                            </div>
                                            <!-- end main-mask -->
                                        </div>
                                        <!-- end offer-img -->

                                        <div class="main-info hotel-info">
                                            <div class="arrow">
                                                <a href="#"><span><i class="fa fa-angle-right"></i></span></a>
                                            </div>
                                            <!-- end arrow -->

                                            <div class="main-title hotel-title">
                                                <a href="#">Da Lat Tour</a>
                                                <p>From: Da Lat, Viet Nam</p>
                                            </div>
                                            <!-- end hotel-title -->
                                        </div>
                                        <!-- end hotel-info -->
                                    </div>
                                    <!-- end hotel-block -->
                                </div>
                                <!-- end item -->


                            </div>
                            <!-- end owl-holidays -->
                        </div>
                        <!-- end trip-block -->

                    </div>
                    <!-- end columns -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end holidays -->

        <div id="popular-destinations" class="banner-padding">
            <div class="container">
                <div class="big-heading">
                    <h2>Popular <br/>Destinations
                        <div class="light"></div>
                    </h2>
                </div>
                <!-- end big-heading -->

                <div class="row">
                    <div class="col-xs-12 col-sm-12">
                        <div class="destination-lists">
                            <div class="col-sm-6 col-md-3">
                                <ul class="list-unstyled">
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                </ul>
                            </div>
                            <!-- end columns -->

                            <div class="col-sm-6 col-md-3">
                                <ul class="list-unstyled">
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                </ul>
                            </div>
                            <!-- end columns -->

                            <div class="col-sm-6 col-md-3">
                                <ul class="list-unstyled">
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                </ul>
                            </div>
                            <!-- end columns -->

                            <div class="col-sm-6 col-md-3">
                                <ul class="list-unstyled">
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                    <li><a href="https://huesmiletravel.com.vn/blog/top-15-dia-diem-du-lich-viet-nam-dep">Destination Title</a>
                                        <p>101 Places</p>
                                    </li>
                                </ul>
                            </div>
                            <!-- end columns -->
                        </div>
                        <!-- end destination-lists -->
                    </div>
                    <!-- end columns -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end holiday-trips -->

    </section>
    <!-- end innerpage-wrapper -->


    <!--======================= BEST FEATURES =====================-->
    <section id="best-features" class="banner-padding black-features">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-3">
                    <div class="b-feature-block">
                        <span><i class="fa fa-dollar"></i></span>
                        <h3>Best Price Guarantee</h3>
                        <p>Our website brings you the best experiences and services with the most standard price. Our services are approved a resolution by Vietnam Travel Branch.</p>
                    </div>
                    <!-- end b-feature-block -->
                </div>
                <!-- end columns -->

                <div class="col-sm-6 col-md-3">
                    <div class="b-feature-block">
                        <span><i class="fa fa-lock"></i></span>
                        <h3>Safe and Secure</h3>
                        <p>All your personal informations, supported informations will be kept and secured in the best way. Only you and administrators can know. Your informations never have leaked out and lost.</p>
                    </div>
                    <!-- end b-feature-block -->
                </div>
                <!-- end columns -->

                <div class="col-sm-6 col-md-3">
                    <div class="b-feature-block">
                        <span><i class="fa fa-thumbs-up"></i></span>
                        <h3>Best Travel Agents</h3>
                        <p>We have related to the best Travel agency in Vietnam. Supported and admitted by many branches, we have been improving and broading our activities.</p>
                    </div>
                    <!-- end b-feature-block -->
                </div>
                <!-- end columns -->

                <div class="col-sm-6 col-md-3">
                    <div class="b-feature-block">
                        <span><i class="fa fa-bars"></i></span>
                        <h3>Travel Guidelines</h3>
                        <p>All your questions will be replied by administrators and they will help you. We're always side by side and help you about any problems.</p>
                    </div>
                    <!-- end b-feature-block -->
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end best-features -->


    <!--========================= NEWSLETTER-1 ==========================-->
    <section id="newsletter-1" class="section-padding back-size newsletter">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
                    <h2>Subscribe Our Newsletter</h2>
                    <p>Subscibe to receive our interesting updates</p>
                    <form>
                        <div class="form-group">
                            <div class="input-group">
                                <input type="email" class="form-control input-lg" placeholder="Enter your email address" required/>
                                <span class="input-group-btn"><button class="btn btn-lg"><i class="fa fa-envelope"></i></button></span>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end newsletter-1 -->


    <!--======================= FOOTER =======================-->
    <section id="footer" class="ftr-heading-o ftr-heading-mgn-1">

        <div id="footer-top" class="banner-padding ftr-top-grey ftr-text-white">
            <div class="container">
                <div class="row">

                    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 footer-widget ftr-contact">
                        <h3 class="footer-heading">CONTACT US</h3>
                        <ul class="list-unstyled">
                            <li><span><i class="fa fa-map-marker"></i></span>Passerellesnumériques Viet Nam</li>
                            <li><span><i class="fa fa-phone"></i></span>+00 964 988 91</li>
                            <li><span><i class="fa fa-envelope"></i></span>hamongkhang@gmail.com</li>
                        </ul>
                    </div>
                    <!-- end columns -->

                    <div class="col-xs-12 col-sm-6 col-md-2 col-lg-2 footer-widget ftr-links">
                        <h3 class="footer-heading">COMPANY</h3>
                        <ul class="list-unstyled">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="flight-homepage.html">Flight</a></li>
                            <li><a href="hotel-homepage.html">Hotel</a></li>
                            <li><a href="tour-homepage.html">Tours</a></li>
                            <li><a href="cruise-homepage.html">Cruise</a></li>
                            <li><a href="car-homepage.html">Cars</a></li>
                        </ul>
                    </div>
                    <!-- end columns -->

                    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 footer-widget ftr-links ftr-pad-left">
                        <h3 class="footer-heading">RESOURCES</h3>
                        <ul class="list-unstyled">
                            <li><a href="blog-listing-right-sidebar.html">Blogs</a></li>
                            <li><a href="contact-us.html">Contact Us</a></li>
                            <li><a onclick="logout()">Login</a></li>
                            <li><a href="registration.html">Register</a></li>
                            <li><a href="index.html">Site Map</a></li>
                        </ul>
                    </div>
                    <!-- end columns -->

                    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 footer-widget ftr-about">
                        <h3 class="footer-heading">ABOUT US</h3>
                        <p>We will bring you the journeys, the greatest experiences in your life. Your happiness and satisfaction are a motive power that impulse us to develop and improve. Thanks for your confidence and interaction. Hope you have a fantastic
                            journeys!!
                        </p>
                        <ul class="social-links list-inline list-unstyled">
                            <li><a href="https://www.facebook.com/"><span><i class="fa fa-facebook"></i></span></a></li>
                            <li><a href="https://twitter.com/"><span><i class="fa fa-twitter"></i></span></a></li>
                            <li><a href="https://google.com/"><span><i class="fa fa-google-plus"></i></span></a></li>
                            <li><a href="https://pinterest.com/"><span><i class="fa fa-pinterest-p"></i></span></a></li>
                            <li><a href="https://instagram.com/"><span><i class="fa fa-instagram"></i></span></a></li>
                            <li><a href="https://linkedin.com/"><span><i class="fa fa-linkedin"></i></span></a></li>
                            <li><a href="https://youtube.com/"><span><i class="fa fa-youtube-play"></i></span></a></li>
                        </ul>
                    </div>
                    <!-- end columns -->

                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end footer-top -->

        <div id="footer-bottom" class="ftr-bot-black">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" id="copyright">
                        <p>© 2021 <a href="index.html">StartTravel</a>. All rights reserved.</p>
                    </div>
                    <!-- end columns -->

                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" id="terms">
                        <ul class="list-unstyled list-inline">
                            <li><a href="index.html">Terms & Condition</a></li>
                            <li><a href="index.html">Privacy Policy</a></li>
                        </ul>
                    </div>
                    <!-- end columns -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end footer-bottom -->

    </section>
    <!-- end footer -->
    </section>
    <!-- end footer -->


    <!-- Page Scripts Starts -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.flexslider.js"></script>
    <script src="js/bootstrap-datepicker.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/custom-navigation.js"></script>
    <script src="js/custom-flex.js"></script>
    <script src="js/custom-owl.js"></script>
    <script src="js/custom-date-picker.js"></script>
    <script src="js/custom-video.js"></script>
    <script src="js/login.js"></script>
    <!-- Page Scripts Ends -->
</body>

</html>